#home {
    width: 100%;
    height: 100%;
    background: url(../images/bg@1x.png)no-repeat center top / 100%;
    position: relative;
    overflow: hidden;
    .conTitle {
        width: 100%;
        height: 1.173rem;
        line-height: 1.173rem;
        font-size: 0.453rem;
        text-align: center;
        color: #FFFFFF;
    }
    .conLogo {
        text-align: center;
        .logo {
            width: 1.866rem;
            height: 1.866rem;
            display: block;
            margin: 1.893rem auto 0.266rem;
        }
        .logoName {
            color: #FFFFFF;
            font-size: 0.373rem;
            margin-bottom: 1.893rem;
        }
    }
    .conBar {
        padding: 0.4rem;
        box-sizing: border-box;
        .list {
            width: 4.4rem;
            height: 2.213rem;
            line-height: 2.213rem;
            float: left;
            background: rgba(255, 255, 255, 0.80);
            border-radius: 0.08rem;
            margin-bottom: 0.986rem;
            display: block;
            text-align: center;
            position: relative;
            .listIcon {
                position: absolute;
                width: 1.173rem;
                height: 1.173rem;
                top: -0.586rem;
                left: 50%;
                margin-left: -0.586rem;
            }
            .listName {
                font-size: 0.48rem;
                color: #000000;
                letter-spacing: -0.007rem;
            }
            &:nth-of-type(2n+1) {
                margin-right: 0.4rem;
            }
        }
    }
    .conList {
        width: 100%;
        text-align: center;
        overflow: hidden;
        .explain {
            width: 100%;
            color: #FFFFFF;
            font-size: 0.32rem;
            text-align: center;
            //          margin-top: 0.586rem;
            .go_kt {
                color: #FE9801;
            }
        }
        .ft_txt {
            color: #FFFFFF;
            font-size: 0.266rem;
            margin-top: 2.96rem;
            position: absolute;
            width: 100%;
            bottom: 0.266rem;
        }
    }
    .startName {
        font-size: 0.64rem;
        text-align: center;
        margin: 2.133rem auto 0.8rem;
        color: #FFFFFF;
    }
    .userName {
        display: block;
        margin: 0.8rem auto 1.813rem;
        font-size: 0.373rem;
        text-align: center;
        color: #FFFFFF;
    }
    .discount {
        width: 7.946rem;
        height: 3.253rem;
        margin: 0 auto;
        text-align: center;
        background: rgba(216, 216, 216, 0.19);
        border: 1px solid #FFFFFF;
        border-radius: 5px;
        padding: 0.8rem 0;
        box-sizing: border-box;
        .disName {
            font-size: 0.64rem;
            color: #FFFFFF;
            display: block;
        }
        .disDes {
            font-size: 0.373rem;
            color: rgba(241, 239, 239, 0.45);
        }
    }
    .startBtn {
        width: 4.8rem;
        height: 1.066rem;
        line-height: 1.066rem;
        background: #FE9801;
        border-radius: 1.333rem;
        font-size: 0.373rem;
        color: #FFFFFF;
        border: 1px solid #FE9801;
        display: block;
        margin: 2.193rem auto 0;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
    }
}

//点餐
#menu {
    width: 100%;
    height: 100%;
    position: relative;
    .conTitle {
        width: 100%;
        height: 1.173rem;
        line-height: 1.173rem;
        font-size: 0.453rem;
        text-align: center;
        color: #FFFFFF;
        background: #000000;
    }
    .menu_header {
        width: 100%;
        position: relative;
        .headerBg {
            width: 100%;
            height: 4.586rem;
        }
        .menuLogo {
            width: 2.293rem;
            height: 2.986rem;
            text-align: center;
            position: absolute;
            bottom: -1.8rem;
            left: 50%;
            margin-left: -1.146rem;
            .logo {
                width: 2.293rem;
                height: 2.293rem;
                //              box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
                border-radius: 50%;
            }
            .logoName {
                //              margin-top: 0.16rem;
                color: #000000;
                font-size: 0.373rem;
            }
        }
    }
    .sale {
        margin: 2rem 0 0.613rem;
        line-height: 0.8rem;
        border-top: 1px solid rgba(225, 225, 225, 0.45);
        border-bottom: 1px solid rgba(225, 225, 225, 0.45);
        box-sizing: border-box;
        font-size: 0.266rem;
        .saleIcon {
            width: 0.48rem;
            height: 0.48rem;
            float: left;
            margin-top: 0.16rem;
            margin-right: 0.24rem;
        }
        .saleList {
            overflow: hidden;
            padding-left: 0.4rem;
            box-sizing: border-box;
            color: #4A4A4A;
            font-size: 0.266rem;
        }
        .brief {
            border-top: 1px solid rgba(225, 225, 225, 0.45);
            padding-left: 0.4rem;
            box-sizing: border-box;
            color: #9B9B9B;
            font-size: 0.266rem;
        }
    }
    .menuBar {
        padding: 0 0.64rem;
        //      position: relative;
        //      top: -1.146rem;
        box-sizing: border-box;
        .list {
            width: 1.173rem;
            height: 1.573rem;
            font-size: 0.266rem;
            color: #4A4A4A;
            margin-right: 1.235rem;
            text-align: center;
            .listIcon {
                width: 1.173rem;
                height: 1.173rem;
            }
            .listName {
                margin-top: 0.133rem;
            }
            &:last-of-type {
                margin-right: 0;
            }
        }
    }
    .menuLeft {
        position: fixed;
        top: 6.373rem;
        left: 0;
        z-index: 15;
        .listCon {
            width: 2.48rem;
            height: 6.4rem;
            overflow: scroll;
            float: left;
            text-align: center;
            background-color: rgba(255, 255, 255, 0.85);
            border-radius: 0 0.666rem 0.666rem 0;
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
            position: relative;
            left: -2.48rem;
            &::-webkit-scrollbar {
                width:0px;
                height:0px;
            }
            li {
                height: 1.066rem;
                line-height: 1.066rem;
                font-size: 0.32rem;
                border-bottom: 1px solid #F6F6F6;
                box-sizing: border-box;
                &:last-of-type {
                    border-bottom: none;
                }
                a {
                    color: #000000;
                    text-decoration: none;
                }
            }
            .on {
                color: #FE9601;
            }
        }
        .listConPull {
            overflow: hidden;
            width: 2.293rem;
            height: 1.6rem;
            line-height: 1.6rem;
            text-align: center;
            border-radius: 0 0.666rem 0.666rem 0;
            background-color: rgba(255, 255, 255, 0.9);
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
            position: absolute;
            top: 50%;
            margin-top: -0.8rem;
            left: 0;
            img {
                width: 0.64rem;
                height: 0.64rem;
            }
        }
    }
    //商品区
    .menuCon {
        position: relative;
        overflow: hidden;
        padding-bottom: 1.5rem;
        .menuConList {
            overflow: hidden;
            .listTitle {
                font-size: 0.373rem;
                color: #4A4A4A;
                margin: 0.506rem 0 0.133rem;
                position: relative;
                text-align: center;
                &:before {
                    content: '';
                    width: 0.213rem;
                    height: 0.346rem;
                    background: url(../images/title_bg_left@1x.png) no-repeat center / 100% 100%;
                    transform: rotateZ(180deg);
                    position: absolute;
                    top: 0.106rem;
                    right: 38%;
                }
                &:after {
                    content: '';
                    width: 0.213rem;
                    height: 0.346rem;
                    background: url(../images/title_bg_left@1x.png) no-repeat center / 100% 100%;
                    position: absolute;
                    top: 0.106rem;
                    left: 38%;
                }
            }
            .listCon {
                padding: 0 0.4rem;
                overflow: hidden;
                li {
                    width: 4.453rem;
                    float: left;
                    border: 1px solid rgba(225, 225, 225, 0.45);
                    box-sizing: border-box;
                    margin-top: 0.32rem;
                    position: relative;
                    border-radius: 0.266rem;
                    .listImg {
                        width: 4.453rem;
                        img {
                            width: 100%;
                            height: 2.933rem;
                        }
                        .listContent {
                            width: 100%;
                            padding-left: 8px;
                            box-sizing: border-box;
                            position: relative;
                            .listName {
                                width: 100%;
                                color: #4A4A4A;
                                line-height: 0.666rem;
                                font-size: 0.373rem;
                            }
                            .listPrice {
                                font-size: 0.373rem;
                                line-height: 0.666rem;
                                color: #FC2449;
                                .price {}
                            }
                            .listAdd {
                                position: absolute;
                                width: 0.72rem;
                                height: 0.72rem;
                                top: 0.4rem;
                                right: 0.266rem;
                            }
                        }
                        .listNum {
                            position: absolute;
                            top: -0.2rem;
                            right: 0;
                            font-size: 0.373rem;
                            width: 0.64rem;
                            height: 0.64rem;
                            line-height: 0.64rem;
                            border-radius: 50%;
                            color: #FFFFFF;
                            text-align: center;
                            background: #DF2602;
                        }
                    }
                    &:nth-of-type(2n+1) {
                        margin-right: 0.293rem;
                    }
                }
            }
        }
    }
}

//商品详情
#details {
    width: 100%;
    height: 100%;
    position: relative;
    .goodsTitle {
        width: 100%;
        height: 1.173rem;
        line-height: 1.173rem;
        font-size: 0.453rem;
        text-align: center;
        color: #FFFFFF;
        overflow: hidden;
        position: fixed;
        top: 0;
        z-index: 10;
        .back {
            width: 0.666rem;
            height: 0.666rem;
            background: url(../images/back.png)no-repeat center left /100%;
            float: left;
            margin-top: 0.266rem;
            margin-left: 0.266rem;
        }
    }
    .goodshHead {
        position: relative;
        .goodsBg {
            border-radius: 0 0 1.4rem 1.4rem;
            width: 100%;
        }
        .goodsIcon {
            width: 5.413rem;
            height: 5.413rem;
            text-align: center;
            position: absolute;
            bottom: -2.707rem;
            left: 50%;
            margin-left: -2.707rem;
            border-radius: 50%;
            //          box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
        }
        .goodsPrice {
            width: 1.706rem;
            height: 1.706rem;
            line-height: 1.706rem;
            text-align: center;
            background: #FE9801;
            border-radius: 50%;
            position: absolute;
            top: 2.693rem;
            right: 1.44rem;
            font-size: 0.48rem;
            color: #Ffffff;
            .price {}
        }
    }
    .goodsCon {
        margin-top: 2.88rem;
        text-align: center;
        .goodsClass {
            width: 2.426rem;
            height: 0.64rem;
            line-height: 0.64rem;
            background: #FE9801;
            box-shadow: 0 2px 4px 0 #FE9801;
            border-radius: 100px;
            font-size: 0.373rem;
            color: #FFFFFF;
        }
        .goodsName {
            display: block;
            margin: 0.426rem 0 0.213rem;
            font-size: 0.48rem;
            color: #000000;
        }
        .goodsEenergy {
            display: block;
            font-size: 0.32rem;
            color: #B7B5B8;
            .gram {
                margin-right: 0.533rem;
                position: relative;
                &:after {
                    content: '';
                    position: absolute;
                    width: 0.16rem;
                    height: 0.16rem;
                    top: 0.08rem;
                    right: -0.327rem;
                    background-color: #000000;
                    border-radius: 50%;
                }
            }
            .calorie {}
        }
        .goodsDes {
            font-size: 0.373rem;
            color: #000000;
            margin: 0.453rem 0 0.533rem;
        }
    }
    .goodsSales {
        width: 100%;
        height: 1.626rem;
        margin-bottom: 0.8rem;
        div {
            width: 3.333rem;
            height: inherit;
            line-height: 0.826rem;
            float: left;
            text-align: center;
            .num {
                display: block;
                font-size: 0.533rem;
                color: #FE9801;
            }
        }
    }
    .evaluate {
        padding: 0 0.533rem;
        box-sizing: border-box;
        .evalClass {
            width: 2.426rem;
            height: 0.64rem;
            line-height: 0.64rem;
            background: #FE9801;
            box-shadow: 0 2px 4px 0 #FE9801;
            border-radius: 100px;
            font-size: 0.373rem;
            color: #FFFFFF;
            text-align: center;
            display: block;
            margin: 0 auto;
        }
        .starCon {
            i {
                width: 0.4rem;
                height: 0.4rem;
                margin-right: 0.133rem;
                display: inline-block;
            }
            .star_on {
                background: url(../images/Icon_Star@1x.png)no-repeat center /100%;
            }
            .star {
                background: url(../images/Icon_Star_normal@1x.png) no-repeat center /100%;
            }
        }
        .all {
            text-align: center;
            display: block;
            margin: 0.466rem 0;
        }
        .evalCon {
            overflow: hidden;
            .evalTitle {
                width: 100%;
                text-align: center;
                font-size: 0.48rem;
                color: #212128;
                font-weight: 600;
                margin-bottom: 0.48rem;
            }
            .evalUsercon {
                float: left;
                overflow: hidden;
                .userList {
                    width: 1.36rem;
                    height: 1.36rem;
                    border-radius: 50%;
                    float: left;
                    margin-right: 0.533rem;
                    img {
                        width: 100%;
                        height: 100%;
                    }
                }
            }
            .userNum {
                float: left;
                width: 1.36rem;
                height: 1.36rem;
                line-height: 1.36rem;
                border-radius: 50%;
                background-color: #18dbbe;
                font-size: 0.373rem;
                color: #FFFFFF;
                text-align: center;
            }
            .evalList {
                overflow: hidden;
                width: 100%;
                margin-top: 0.24rem;
                padding-bottom: 2.55rem;
                .list {
                    padding: 0.533rem;
                    box-sizing: border-box;
                    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.10);
                    border-radius: 5px;
                    .starCon {
                        float: left;
                        margin-right: 0.533rem;
                        i {
                            float: left;
                        }
                    }
                    .userName {
                        float: left;
                        font-size: 0.373rem;
                        color: #AAAAAA;
                    }
                    .listContent {
                        width: 100%;
                        overflow: hidden;
                        .content {
                            font-size: 0.4rem;
                            line-height: 0.693rem;
                            color: #000000;
                        }
                        .videoImg {
                            img {
                                width: 2.4rem;
                                height: 2.4rem;
                                &:nth-of-type(3n+2) {
                                    margin: 0 0.24rem;
                                }
                            }
                            video {}
                        }
                    }
                }
            }
        }
    }
}

//遮罩层
.mask {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.65);
    display: none;
}

//添加购物车
#addC {
    position: fixed;
    width: 100%;
    height: 0;
    background: #FFF;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.10);
    border-radius: 0.466rem 0.466rem 0 0;
    //  heackground-color: #ight: 1.333rem;
    //  line-height: 1.333rem;
    bottom: 0;
    z-index: 25;
    .addCar {
        width: 1.333rem;
        height: 1.333rem;
        background-image: linear-gradient(-179deg, #FCC302 0%, #FE9601 100%);
        border-radius: 50%;
        display: block;
        position: absolute;
        top: -1.566rem;
        left: 50%;
        margin-left: -0.666rem;
    }
    .flavor {
        width: 100%;
        padding-top: 0.56rem;
        box-sizing: border-box;
        .flavorClass {
            width: 3.226rem;
            height: 0.64rem;
            line-height: 0.64rem;
            background: #FE9801;
            box-shadow: 0 2px 4px 0 #FE9801;
            border-radius: 100px;
            font-size: 0.373rem;
            color: #FFFFFF;
            text-align: center;
            display: block;
            margin: 0 auto;
        }
        .flavImg {
            width: 3.866rem;
            height: 3.866rem;
            margin-right: 0.8rem;
            float: left;
        }
        .flavList {
            overflow: hidden;
            .list {
                margin-top: 0.56rem;
                overflow: hidden;
                .listcheck {
                    width: 0.533rem;
                    height: 0.533rem;
                    border-radius: 100px;
                    vertical-align: middle;
                }
                .check {
                    background: #000000;
                }
                .check_on {
                    background: #FE9801;
                }
                .name {
                    color: #000000;
                    font-size: 0.373rem;
                    vertical-align: middle;
                }
                .name_on {
                    color: #FE9801;
                }
                .count{
                    float: right;
                    margin-right: 0.4rem;
                    .minus{
                        width: 0.4rem;
                        height: 0.4rem;
                        text-align: center;
                        line-height: 0.38rem;
                        border-radius: 50%;
                        border: 1px solid #FE9801;
                        color: #FE9801;
                    }
                    .num{
                        width: 0.733rem;
                        height: 0.533rem;
                        text-align: center; 
                        border: 1px solid #f6f6f6;
                    }
                    .plus{
                        width: 0.4rem;
                        height: 0.4rem;
                        text-align: center;
                        line-height: 0.38rem;
                        border-radius: 50%;
                        border: 1px solid #FE9801;
                        color: #FE9801; 
                    }
                }
            }
        }
        .btncon {
            overflow: hidden;
            width: 100%;
            padding: 0.266rem 0 1.066rem;
            text-align: center;
            .goCar {
                width: 4.8rem;
                height: 1.066rem;
                line-height: 1.066rem;
                text-align: center;
                font-size: 0.373rem;
                color: #FE9801;
                background: #000000;
                border: 1px solid #000000;
                box-sizing: border-box;
                border-radius: 100px;
            }
        }
    }
}

//购物车
#cart {
    position: relative;
    .cartCon {
        overflow: hidden;
        border-top: 0.266rem solid #F6F6F6;
        border-bottom: 0.266rem solid #F6F6F6;
        .cartList {
            padding: 0.266rem 0.4rem;
            box-sizing: border-box;
            overflow: hidden;
            border-bottom: 1px solid #F6F6F6;
            .check {
                width: 0.506rem;
                height: 0.506rem;
                line-height: 2.133rem;
                margin: 0.586rem 0.266rem 0 0;
                float: left;
            }
            .listImg {
                float: left;
                margin-right: 0.213rem;
            }
            .listCon {
                float: left;
                width: 4rem;
                .listName {
                    font-size: 0.373rem;
                    color: #000000;
                }
                .listFlavor {
                    display: block;
                    font-size: 0.266rem;
                    line-height: 0.266rem;
                    color: #FE9801;
                }
                .count{
                    float: left;
                    margin-top: 0.133rem;
                    .minus{
                        width: 0.4rem;
                        height: 0.4rem;
                        text-align: center;
                        line-height: 0.4rem;
                        border-radius: 50%;
                        border: 1px solid #FE9801;
                        color: #FE9801;
                    }
                    .num{
                        width: 0.733rem;
                        height: 0.533rem;
                        text-align: center; 
                        border: 1px solid #f6f6f6;
                    }
                    .plus{
                        width: 0.4rem;
                        height: 0.4rem;
                        text-align: center;
                        line-height: 0.4rem;
                        border-radius: 50%;
                        border: 1px solid #FE9801;
                        color: #FE9801; 
                    }
                }
            }
            .listR {
                color: #000000;
                font-size: 0.32rem;
                margin-top: 0.32rem;
                float: right;
                .listPrice {
//                  float: left;
                }
                .del{
                    width: 0.533rem;
                    display: block;
                    margin-left: 0.5rem;
                    margin-bottom: 0.133rem;
                }
                .listNum {
                    font-size: 0.373rem;
                    float: right;
                }
            }
        }
    }
    .menuConList {
        overflow: hidden;
        margin-bottom: 1.173rem;
        .listTitle {
            font-size: 0.373rem;
            color: #4A4A4A;
            margin: 0.506rem 0 0.133rem;
            position: relative;
            text-align: center;
            &:before {
                content: '';
                width: 0.213rem;
                height: 0.346rem;
                background: url(../images/title_bg_left@1x.png) no-repeat center / 100% 100%;
                transform: rotateZ(180deg);
                position: absolute;
                top: 0.106rem;
                right: 42%;
            }
            &:after {
                content: '';
                width: 0.213rem;
                height: 0.346rem;
                background: url(../images/title_bg_left@1x.png) no-repeat center / 100% 100%;
                position: absolute;
                top: 0.106rem;
                left: 42%;
            }
        }
        .listCon {
            padding: 0 0.4rem;
            overflow: hidden;
            li {
                width: 4.453rem;
                float: left;
                border: 1px solid rgba(225, 225, 225, 0.45);
                box-sizing: border-box;
                margin-top: 0.32rem;
                position: relative;
                border-radius: 0.266rem;
                .listImg {
                    width: 4.453rem;
                    img {
                        width: 100%;
                        height: 2.933rem;
                    }
                    .listContent {
                        width: 100%;
                        padding-left: 8px;
                        box-sizing: border-box;
                        position: relative;
                        .listName {
                            width: 100%;
                            color: #4A4A4A;
                            line-height: 0.666rem;
                            font-size: 0.373rem;
                        }
                        .listPrice {
                            font-size: 0.373rem;
                            line-height: 0.666rem;
                            color: #FC2449;
                            .price {}
                        }
                        .listAdd {
                            position: absolute;
                            width: 0.72rem;
                            height: 0.72rem;
                            top: 0.4rem;
                            right: 0.266rem;
                        }
                    }
                    .listNum {
                        position: absolute;
                        top: -0.2rem;
                        right: 0;
                        font-size: 0.373rem;
                        width: 0.64rem;
                        height: 0.64rem;
                        line-height: 0.64rem;
                        border-radius: 50%;
                        color: #FFFFFF;
                        text-align: center;
                        background: #DF2602;
                    }
                }
                &:nth-of-type(2n+1) {
                    margin-right: 0.293rem;
                }
            }
        }
    }
    #statement {
        position: fixed;
        width: 100%;
        height: 1.173rem;
        line-height: 1.173rem;
        bottom: 0;
        background-color: #FFFFFF;
        box-sizing: border-box;
        .checkAll {
            float: left;
            font-size: 0.373rem;
            color: #000000;
            .qx {
                width: 0.506rem;
                height: 0.506rem;
                margin: 0.306rem 0.32rem 0.306rem 0.4rem;
            }
        }
        .zjq {
            overflow: hidden;
            height: 1.173rem;
            float: right;
            font-size: 0.266rem;
            color: #000000;
            .pl {
                font-size: 0.48rem;
                margin-right: 0.346rem;
                #zj {
                    color: #2A2A30;
                }
            }
            .balance {
                width: 2.666rem;
                height: 1.173rem;
                line-height: 1.173rem;
                text-align: center;
                background: #FE9801;
                font-size: 0.373rem;
                color: #FFFFFF;
                text-decoration: none;
            }
        }
    }
}

//确认订单
#confirm {
    width: 100%;
    //预定
    .reserve {
        width: 100%;
        height: 1.066rem;
        line-height: 1.066rem;
        background: #F5F5F5;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0 0.4rem;
        box-sizing: border-box;
        display: none;
        span {
            font-size: 0.373rem;
            color: #9B9B9B;
        }
    }
    .firmList {
        width: 100%;
        overflow: hidden;
        border-bottom: 0.213rem solid #F6F6F6;
        .listTitle {
            height: 1.253rem;
            line-height: 1.253rem;
            font-size: 0.373rem;
            color: #000000;
            letter-spacing: 0.028rem;
            padding-left: 0.4rem;
            box-sizing: border-box;
        }
        .payCon {
            overflow: hidden;
            .payList {
                line-height: 1.306rem;
                padding: 0 0.4rem;
                box-sizing: border-box;
                border-top: 1px solid #F6F6F6;
                overflow: hidden;
                .payIcon {
                    width: 0.56rem;
                    height: 0.453rem;
                    float: left;
                    margin-top: 0.4rem;
                }
                .payName {
                    float: left;
                    margin-left: 0.32rem;
                }
                .paycheck {
                    width: 0.506rem;
                    height: 0.506rem;
                    float: right;
                    margin-top: 0.373rem;
                }
            }
        }
        .menuCon {
            overflow: hidden;
            .menuList {
                padding: 0.266rem 0.4rem;
                box-sizing: border-box;
                border-top: 1px solid #F6F6F6;
                .listImg {
                    float: left;
                    margin-right: 0.213rem;
                }
                .listCon {
                    overflow: hidden;
                    .listName {
                        font-size: 0.32rem;
                        color: #000000;
                    }
                    .listFlavor {
                        display: block;
                        font-size: 0.32rem;
                        line-height: 0.32rem;
                    }
                    .listBtm {
                        color: #000000;
                        width: 100%;
                        overflow: hidden;
                        font-size: 0.32rem;
                        margin-top: 0.24rem;
                        .listPrice {
                            float: left;
                            color: #FC2449;
                        }
                        .listNum {
                            font-size: 0.373rem;
                            float: right;
                        }
                    }
                }
            }
        }
        .firmCon {
            overflow: hidden;
            .list {
                line-height: 1.333rem;
                padding: 0 0.4rem;
                overflow: hidden;
                font-size: 0.32rem;
                box-sizing: border-box;
                border-top: 1px solid #F6F6F6;
                color: #4A4A4A;
                .listName {
                    font-size: 0.32rem;
                    color: #4A4A4A;
                    float: left;
                }
                .allPrice {
                    float: right;
                    color: #FC2449;
                }
                .freightPrice {
                    float: right;
                }
                .coupon {
                    float: right;
                    position: relative;
                    &:after {
                        content: '';
                        position: absolute;
                        width: 0.186rem;
                        height: 0.32rem;
                        background: url(../images/icon_arrowright@1x.png)no-repeat center /100%;
                        right: 0.12rem;
                        top: 0.5rem;
                    }
                    .relief {
                        width: 0.826rem;
                        height: 0.426rem;
                        line-height: 0.426rem;
                        text-align: center;
                        border: 1px solid #000000;
                        color: #000000;
                        border-radius: 2px;
                        font-size: 0.32rem;
                        margin-right: 0.586rem;
                    }
                }
                #note {
                    overflow: hidden;
                    border: none;
                    width: 80%;
                }
                &:nth-of-type(1) {
                    border-bottom: 0.213rem solid #F6F6F6;
                }
            }
        }
    }
    .firmBtm {
        position: fixed;
        width: 100%;
        height: 1.2rem;
        line-height: 1.2rem;
        bottom: 0;
        background-color: #FFFFFF;
        padding: 0 0.4rem;
        box-sizing: border-box;
        overflow: hidden;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
        .payable {
            float: left;
            font-size: 0.32rem;
            span {
                font-size: 14px;
                color: #00121F;
            }
        }
        .submit {
            float: right;
            width: 3.333rem;
            height: 0.853rem;
            line-height: 0.853rem;
            text-align: center;
            background: #000000;
            border-radius: 100px;
            font-size: 0.32rem;
            color: #FE9801;
            margin-top: 0.16rem;
        }
    }
}

//我的订单
#order {
    .orderBar {
        width: 100%;
        display: flex;
        overflow: hidden;
        height: 1.066rem;
        line-height: 1.066rem;
        border-bottom: 1px solid #F6F6F6;
        background: #FFFFFF;
        position: fixed;
        top: 0;
        z-index: 5;
        a {
            width: 3.333rem;
            font-size: 0.373rem;
            color: #9B9B9B;
            text-align: center;
            text-decoration: none;
        }
        .on {
            border-bottom: 2px solid #FE9801;
            color: #FE9801;
        }
    }
    .orderCon {
        width: 100%;
        overflow: hidden;
        margin-top: 1.066rem;
        .goodsList {
            width: 100%;
            overflow: hidden;
            border-bottom: 1px solid #F6F6F6;
            padding: 0.4rem;
            box-sizing: border-box;
            .goodsIcon {
                width: 1.6rem;
                height: 1.6rem;
                float: left;
                margin-right: 0.266rem;
            }
            .goodsCon {
                overflow: hidden;
                .goodsName {
                    float: left;
                    font-size: 0.373rem;
                    color: #000000;
                    position: relative;
                    &:after {
                        content: '';
                        position: absolute;
                        width: 0.186rem;
                        height: 0.32rem;
                        background: url(../images/icon_arrowright@1x.png)no-repeat center /100%;
                        right: -0.283rem;
                        top: 0.12rem;
                    }
                }
                .goodsType {
                    float: right;
                    font-size: 0.32rem;
                    color: #000000;
                }
                .discount {
                    overflow: hidden;
                    width: 100%;
                    line-height: 0.373rem;
                    font-size: 0.266rem;
                    color: #FE9801;
                    margin-top: 0.08rem;
                }
                .goodsTime {
                    font-size: 0.32rem;
                    color: #9B9B9B;
                    float: left;
                }
                .goodsPrice {
                    float: right;
                    font-size: 0.373rem;
                    color: #000000;
                }
            }
            .goodsState {
                overflow: hidden;
                width: 100%;
                text-align: right;
                padding-top: 0.213rem;
                box-sizing: border-box;
                a {
                    width: 2.133rem;
                    height: 0.8rem;
                    line-height: 0.8rem;
                    font-size: 0.373rem;
                    text-align: center;
                    border-radius: 3px;
                    box-sizing: border-box;
                }
                .buy {
                    border: 1px solid rgb(252, 36, 73);
                    color: rgb(252, 36, 73);
                }
                .recur {
                    border: 1px solid #9B9B9B;
                    color: #4A4A4A;
                }
                .noweval {
                    border: 1px solid #FE9801;
                    color: #FE9801;
                }
            }
        }
    }
}

//发布评论
#publish {
    width: 100%;
    height: 100%;
    background: #F6F6F6;
    position: absolute;
    .pubHead {
        height: 1.173rem;
        line-height: 1.173rem;
        border-bottom: 0.266rem solid #F6F6F6;
        background: #000000;
        text-align: center;
        color: #FFFFFF;
        overflow: hidden;
        padding: 0 0.4rem;
        .back {
            width: 0.666rem;
            height: 0.666rem;
            background: url(../images/back.png)no-repeat center left /100%;
            float: left;
            margin-top: 0.266rem;
        }
        .title {
            font-size: 0.453rem;
        }
        .pubBtn {
            float: right;
            font-size: 0.373rem;
        }
    }
    .pubList {
        overflow: hidden;
        padding: 0 0.4rem;
        box-sizing: border-box;
        border-top: 1px solid #F6F6F6;
        background: #FFFFFF;
        .listName {
            float: left;
            font-size: 0.373rem;
            color: #000000;
            margin: 0.4rem 0.48rem 0.4rem 0;
        }
        .listGoods {
            float: right;
            position: relative;
            right: 0.4rem;
            margin: 0.133rem 0;
            .icon {
                width: 1.066rem;
                height: 1.066rem;
            }
            &:before {
                content: '';
                position: absolute;
                width: 0.186rem;
                height: 0.32rem;
                background: url(../images/icon_arrowleft@1x.png)no-repeat center /100%;
                top: 0.406rem;
                left: -0.266rem;
            }
            &:after {
                content: '';
                position: absolute;
                width: 0.186rem;
                height: 0.32rem;
                background: url(../images/icon_arrowright1@1x.png)no-repeat center /100%;
                top: 0.406rem;
                right: -0.266rem;
            }
        }
        .starCon {
            overflow: hidden;
            margin-top: 0.373rem;
            span {
                position: relative;
                display: inline-block;
                width: 0.533rem;
                height: 0.533rem;
                overflow: hidden;
                margin-right: 0.08rem;
                cursor: pointer;
                &:last-child {
                    margin-right: 0px;
                }
                i {
                    width: 0.533rem;
                    height: 0.533rem;
                    position: absolute;
                    top: 0;
                    left: 0;
                }
                .nohigh {
                    background: url(../images/Icon_Star_normal@1x.png) no-repeat center / 100% 100%;
                }
                .high {
                    background: url(../images/Icon_Star@1x.png) no-repeat center / 100% 100%;
                }
            }
        }
        .content {
            width: 100%;
            height: 2.906rem;
            padding: 0.333rem 0;
            box-sizing: border-box;
            font-size: 0.32rem;
            border: none;
            &::-webkit-input-placeholder {
                color: #E0DFDF;
            }
        }
        .addImg {
            width: 2.133rem;
            height: 2.133rem;
            border: 1px dashed #E0DFDF;
            text-align: center;
            position: relative;
            font-size: 0.266rem;
            color: #DBDADA;
            display: inline-block;
            margin-right: 0.266rem;
            margin-bottom: 0.4rem;
            img {
                width: 0.666rem;
                height: 0.658rem;
                display: block;
                margin: 0.533rem auto 0.194rem;
            }
            #addimg {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
            }
        }
        .addvideo {
            width: 2.133rem;
            height: 2.133rem;
            border: 1px dashed #E0DFDF;
            text-align: center;
            position: relative;
            font-size: 0.266rem;
            color: #DBDADA;
            display: inline-block;
            img {
                width: 0.666rem;
                height: 0.658rem;
                display: block;
                margin: 0.533rem auto 0.194rem;
            }
            #addvideo {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
            }
        }
        .anonymous {
            height: 1.226rem;
            line-height: 1.226rem;
            float: left;
            font-size: 0.373rem;
            color: #000000;
            .nm {
                width: 0.506rem;
                height: 0.506rem;
            }
        }
        .listDes {
            float: right;
            font-size: 0.32rem;
            color: #000000;
            margin-top: 0.4rem;
        }
    }
}

//建议反馈
#feedback {
    width: 100%;
    .feedTitle {
        font-size: 0.373rem;
        color: #000000;
        text-align: center;
        margin: 0.533rem 0;
        position: relative;
        &:before {
            content: '';
            position: absolute;
            left: 28%;
            top: 0.25rem;
            width: 0.666rem;
            height: 0.08rem;
            background-color: #000000;
        }
        &:after {
            content: '';
            position: absolute;
            right: 28%;
            top: 0.25rem;
            width: 0.666rem;
            height: 0.08rem;
            background-color: #000000;
        }
    }
    .feedTips {
        padding: 0 0.4rem;
        box-sizing: border-box;
        margin-bottom: 1.066rem;
        span {
            width: 2.133rem;
            height: 0.64rem;
            line-height: 0.54rem;
            text-align: center;
            font-size: 0.32rem;
            color: #9B9B9B;
            border: 1px solid #9B9B9B;
            border-radius: 100px;
            margin-right: 0.133rem;
            &:last-of-type {
                margin-right: 0;
            }
        }
        .on {
            background: #000000;
            border-radius: 100px;
            font-size: 0.32rem;
            color: #FE9801;
        }
    }
    .content {
        width: 9.2rem;
        height: 5.013rem;
        display: block;
        margin: 0 auto;
        border: 1px solid #B7B5B8;
        border-radius: 6px;
    }
}

//呼叫服务员
.waitress {
    width: 100%;
    .waitrIcon {
        position: relative;
        .icon {
            width: 2.16rem;
            height: 2.16rem;
            position: absolute;
            top: -0.374rem;
            left: 50%;
            margin-left: -1.08rem;
            z-index: 6;
        }
        .bgcon {
            width: 37.333rem;
            height: 1.6rem;
            margin-top: 1.093rem;
            -webkit-animation: 10s rowup linear infinite normal;
            animation: 15s rowup linear infinite normal;
            position: relative;
            z-index: 5;
            overflow: hidden;
        }
        .bg {
            height: inherit;
            float: left;
        }
    }
    .waitrTxt {
        text-align: center;
        margin-top: 0.373rem;
        .wName {
            font-size: 0.373rem;
            color: #000000;
            margin-bottom: 0.24rem;
        }
        .wContent {
            font-size: 0.32rem;
            color: #9B9B9B;
        }
    }
}

@keyframes rowup {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem);
    }
}

//领取优惠券
#receive {
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    .showCoupon {
//      overflow: hidden;
        .couponList {
            position: relative;
            margin-top: 0.533rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            .bg {
                width: 9.413rem;
                height: 3.44rem;
                position: absolute;
                left: 50%;
                margin-left: -4.707rem;
                z-index: 1;
            }
            .listCon {
                position: relative;
                z-index: 5;
                padding-left: 0.213rem;
                box-sizing: border-box;
                .priceCon {
                    .listPrice {
                        color: #FE9801;
                        font-size: 0.373rem;
                        line-height: 1.6rem;
                        .price {
                            font-size: 1.28rem;
                            font-weight: 500;
                        }
                    }
                    .use {
                        color: #FE9801;
                        display: block;
                        margin-top: -0.6rem;
                    }
                }
                .listTime {
                    color: #DBDADA;
                    padding-top: 0.333rem;
                    margin-top: 0.346rem;
                    box-sizing: border-box;
                    font-size: 0.266rem;
                    .icon {
                        width: 0.4rem;
                        height: 0.4rem;
                        display: inline-block;
                        background: url(../images/time.png)no-repeat center /100% 100%;
                        vertical-align: middle;
                    }
                }
                .receive {
                    width: 0.48rem;
                    position: absolute;
                    top: 0.72rem;
                    right: 0.186rem;
                    font-size: 0.32rem;
                    color: #000000;
                }
            }
        }
        
    }
    .complete {
        width: 6.666rem;
        height: 1.066rem;
        line-height: 1.066rem;
        font-size: 0.373rem;
        color: #FE9801;
        text-align: center;
        background: #000000;
        border-radius: 100px;
        display: block;
        margin: 1rem auto 0;
    }
    .noneCoupon {
        width: 100%;
        text-align: center;
        padding-top: 3.893rem;
        box-sizing: border-box;
        display: none;
        .icon {
            width: 3.76rem;
            height: 2.293rem;
        }
        .name {
            display: block;
            margin-top: 0.266rem;
        }
    }
}

//优惠券
#coupon {
    .couponBar {
        width: 100%;
        display: flex;
        overflow: hidden;
        height: 1.066rem;
        line-height: 1.066rem;
        border-bottom: 1px solid #F6F6F6;
        background: #FFFFFF;
        position: fixed;
        top: 0;
        z-index: 5;
        a {
            width: 3.333rem;
            font-size: 0.373rem;
            color: #9B9B9B;
            text-align: center;
            text-decoration: none;
        }
        .on {
            border-bottom: 2px solid #FE9801;
            color: #FE9801;
        }
    }
    .couponCon {
        margin-top: 1.333rem;
        position: relative;
        z-index: 4;
        .couponList {
            position: relative;
            margin-top: 0.533rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            .bg {
                width: 9.413rem;
                height: 3.44rem;
                position: absolute;
                left: 50%;
                margin-left: -4.707rem;
                z-index: 1;
            }
            .listCon {
                position: relative;
                z-index: 5;
                padding-left: 0.213rem;
                box-sizing: border-box;
                .priceCon {
                    .listPrice {
                        color: #FE9801;
                        font-size: 0.373rem;
                        line-height: 1.6rem;
                        .price {
                            font-size: 1.28rem;
                            font-weight: 500;
                        }
                    }
                    .use {
                        color: #FE9801;
                        display: block;
                        margin-top: -0.6rem;
                    }
                }
                .listTime {
                    color: #DBDADA;
                    padding-top: 0.333rem;
                    margin-top: 0.346rem;
                    box-sizing: border-box;
                    font-size: 0.266rem;
                    .icon {
                        width: 0.4rem;
                        height: 0.4rem;
                        display: inline-block;
                        background: url(../images/time.png)no-repeat center /100% 100%;
                        vertical-align: middle;
                    }
                }
                .receive {
                    width: 0.48rem;
                    position: absolute;
                    top: 0.72rem;
                    right: 0.186rem;
                    font-size: 0.32rem;
                    color: #000000;
                }
            }
        }
    }
    .used,
    .expired {
        .couponList {
            .listCon {
                .priceCon {
                    .listPrice {
                        color: #E1E1E1;
                    }
                    .use {
                        color: #E1E1E1;
                    }
                }
            }
        }
    }
}

//我的页面
#mine {
    width: 100%;
    min-height: 100%;
    background: #F6F6F6;
    .user {
        background: #000000;
        text-align: center;
        padding: 0.4rem 0;
        box-sizing: border-box;
        .userIcon {
            width: 1.6rem;
            height: 1.6rem;
            border-radius: 100px;
            margin-bottom: 0.266rem;
        }
        .userName {
            font-size: 0.373rem;
            color: #FFFFFF;
            display: block;
        }
        .login {
            a {
                font-size: 0.373rem;
                color: #FFFFFF;
            }
        }
    }
    .mineCon {
        overflow: hidden;
        margin-top: 0.266rem;
        .mineList {
            display: block;
            line-height: 1.066rem;
            font-size: 0.373rem;
            color: #000000;
            border-bottom: 1px solid #E0DFDF;
            position: relative;
            text-decoration: none;
            background: #FFFFFF;
            .listIcon {
                margin: 0 0.346rem 0 0.453rem;
            }
            .listName {
                vertical-align: middle;
            }
            &:after {
                content: '';
                position: absolute;
                width: 0.186rem;
                height: 0.32rem;
                right: 0.32rem;
                top: 0.373rem;
                background: url(../images/Shape@2x.png)no-repeat center /100% 100%;
            }
            &:nth-of-type(5) {
                margin-top: 0.266rem;
            }
        }
    }
}

//个人信息
#personal {
    width: 100%;
    min-height: 100%;
    background: #F6F6F6;
    overflow: hidden;
    .personalCon {
        width: 100%;
        .preList {
            line-height: 1.04rem;
            background-color: #FFFFFF;
            display: block;
            position: relative;
            font-size: 0.373rem;
            color: #4A4A4A;
            overflow: hidden;
            padding: 0 0.4rem;
            box-sizing: border-box;
            border-bottom: 1px solid #F6F6F6;
            .listName {
                float: left;
            }
            .userIcon {
                float: right;
                margin-right: 0.346rem;
                width: 1.44rem;
                height: 1.44rem;
                border-radius: 50%;
            }
            #userface{
                position: absolute;
                top: 0;
                right: 0.346rem;
                width: 0.933rem;
                height: 0.72rem;
                opacity: 0.009;
            }
            .userName {
                color: #4A4A4A;
                float: right;
                margin-right: 0.346rem;
            }
            &:after {
                content: '';
                position: absolute;
                width: 0.186rem;
                height: 0.32rem;
                right: 0.32rem;
                top: 0.363rem;
                background: url(../images/Shape@2x.png)no-repeat center /100% 100%;
            }
            &:first-of-type {
                line-height: 1.92rem;
                margin: 0.266rem 0;
                &:after {
                    content: '';
                    position: absolute;
                    width: 0.186rem;
                    height: 0.32rem;
                    right: 0.32rem;
                    top: 0.763rem;
                    background: url(../images/Shape@2x.png)no-repeat center /100% 100%;
                }
            }
        }
    }
    .quit {
        background: #000000;
        border-radius: 100px;
        width: 8.16rem;
        height: 1.066rem;
        font-size: 0.373rem;
        color: #FE9801;
        border: 1px solid #000000;
        display: block;
        margin: 3.973rem auto 0;
    }
}
//修改昵称
#nickname{
    width: 100%;
    min-height: 100%;
    overflow: hidden;
    background: #F6F6F6;
    .nickHead{
        height: 1.173rem;
        line-height: 1.173rem;
        border-bottom: 0.266rem solid #F6F6F6;
        background: #000000;
        text-align: center;
        color: #FFFFFF;
        overflow: hidden;
        padding: 0 0.4rem;
        .back {
            width: 0.666rem;
            height: 0.666rem;
            background: url(../images/back.png)no-repeat center left /100%;
            float: left;
            margin-top: 0.266rem;
        }
        .title {
            font-size: 0.453rem;
        }
        .nickBtn {
            float: right;
            font-size: 0.373rem;
        }
    }
    .nameTxt{
        position: relative;
        #name{
            width: 100%;
            height: 1.173rem;
            background: #FFFFFF;
            border: none;
            padding: 0 0.4rem;
            font-size: 0.373rem;
            color: #000000;
        }
        .del{
            width: 0.426rem;
            height: 0.426rem;
            position: absolute;
            top: 0.373rem;
            right: 0.4rem;
            display: none;
        }
    }
    .nameTips{
        font-size: 0.266rem;
        color: #9B9B9B;
    }
}
//预定
#reserve{
    width: 100%;
    min-height: 100%;
    position: relative;
    overflow: hidden;
    .date{
        width: 100%;
        border-bottom: 0.266rem solid #F6F6F6;
        .dateList{
            text-align: center;
            padding: 0.266rem 0;
            span{
               vertical-align: middle; 
            }
            .year{
                font-size: 0.64rem;
            }
            .mouth{
               font-size: 0.64rem; 
            }
            .day{
                font-size: 0.64rem;
            }
            .rili{
                width: 0.746rem;
                height: 0.746rem;
            }
            .hour{
                font-size: 0.8rem;
                width: 2.133rem;
                height: 1.173rem;
                border: 1px solid #000000;
                border-radius: 5px;
            }
            i{
               font-size: 0.8rem; 
            }
            .minute{
                font-size: 0.8rem;
                width: 2.133rem;
                height: 1.173rem;
                border: 1px solid #000000;
                border-radius: 5px;
            }
        }
    }
    .jeinpbox{
        width: 100%;
        height: 4.133rem;
        position: absolute;
        top: 0;left: 0;
        .jeinput{
            width: 100%;
            height: 100%;
            opacity: 0;
        }
    }
    .list{
        line-height: 1.2rem;
        padding: 0 0.4rem;
        font-size: 0.373rem;
        color: #000000;
        background: #FFFFFF;
        border-bottom: 1px solid #F6F6F6;
        position: relative;
        overflow: hidden;
        &:after {
            content: '';
            position: absolute;
            width: 0.186rem;
            height: 0.32rem;
            background: url(../images/icon_arrowright@1x.png)no-repeat center /100%;
            right: 0.283rem;
            top: 0.4rem;
        }
        .pNum{
            float: right;
            margin-right: 0.3rem;
        }
        .tableNum{
            margin-right: 0.3rem;
            float: right;
        }
    }
    .table{
        border-bottom: 0.266rem solid #F6F6F6;
    }
    .personal{
        overflow: hidden;
        .perList{
            line-height: 1.2rem;
            position: relative;
            font-size: 0.373rem;
            overflow: hidden;
            input{
                width: 100%;
                height: 1.2rem;
                border: none;
                padding-left: 0.4rem;
                box-sizing: border-box;
                border-bottom: 1px solid #F6F6F6;
                &::-webkit-input-placeholder{
                    color: #E1E1E1;
                }
            }
            .tips{
                position: absolute;
                top: 0;
                right: 0.4rem;
                span{
                    width: 1.813rem;
                    height: 0.8rem;
                    line-height: 0.8rem;
                    text-align: center;
                    border: 1px solid #979797;
                    border-radius: 3px;
                    color: #979797;
                }
                .on{
                    border: 1px solid #FE9801;
                    color: #FE9801;
                }
            }
            .vcodeBtn{
                width: 2.48rem;
                height: 0.8rem;
                line-height: 0.8rem;
                text-align: center;
                color: #FE9801;
                position: absolute;
                top: 0.2rem;
                right: 0.4rem;
                background: #000000;
                border-radius: 3px;
            }
            .listName{
                color: #000000;
                height: 1.066rem;
                line-height: 1.066rem;
                display: block;
            }
            .remark{
                width: 100%;
                height: 3.466rem;
                resize: none;
                padding: 0.2rem;
                box-sizing: border-box;
                font-size: 0.373rem;
            }
        }
    }
    .submitRe{
        width: 6.666rem;
        height: 1.066rem;
        line-height: 1.066rem;
        background: #000000;
        border-radius: 100px;
        text-align: center;
        font-size: 0.373rem;
        color: #FE9801;
        margin: 0 auto;
        display: block;
    }
}
//点餐人数
.meals{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 25;
    .header{
        height: 1.173rem;
        line-height: 1.173rem;
        background: #000000;
        color: #FFFFFF;
        font-size: 0.373rem;
        overflow: hidden;
        text-align: center;
        padding: 0 0.4rem;
        box-sizing: border-box;
        .cancel{
            float: left;
        }
        .confirm{
            float: right;
        }
    }
    .mealsList{
        padding: 0.426rem 0.4rem 0.266rem;
        box-sizing: border-box;
        background: #FFFFFF;
        display: flex;
        justify-content: center;
        word-wrap: break-word;
        flex-wrap: wrap;
        .mlist{
            width: 30.5%;
            height: 0.8rem;
            line-height: 0.8rem;
            text-align: center;
            font-size: 12px;
            color: #000000;
            border: 1px solid #B7B5B8;
            margin-right: 0.32rem;
            margin-bottom: 0.266rem;
            cursor: pointer;
            box-sizing: border-box;
            &:nth-of-type(3n+3){
                margin-right: 0;
            }
        }
        .on{
            color: #FE9801;
            background: #000000;
            border: 1px solid #000000;
        }
    }
}
//桌号
.dinTable{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 30;
    background: #FFFFFF;
    .tableList{
        overflow: hidden;
        border-bottom: 0.266rem solid #F6F6F6;
        .tlist{
           height: 1.28rem;
           line-height: 1.28rem; 
           font-size: 0.373rem;
           color: #000000;
           border-bottom: 1px solid #F6F6F8;
           box-sizing: border-box;
           display: block;
           text-align: center;
        }
        .on{
            color: #FE9801;
        }
    }
    .tcancel{
        height: 1.28rem;
        line-height: 1.28rem; 
        font-size: 0.373rem;
        color: #9B9B9B;
        text-align: center;
        display: block;
    }
}

//发票
#invoices{
    width: 100%;
    background-color: #F6F6F6;
    min-height: 100%;
    overflow: hidden;
    .header{
        height: 2.933rem;
        background: #000000;
        color: #FFF;
        overflow: hidden;
        padding-left: 0.4rem;
        padding-top: 0.64rem;
        box-sizing: border-box;
        .title{
            display: block;
            font-size: 0.32rem;
        }
        .totalAmount{
            font-size: 0.96rem;
            line-height: 0.96rem;
            font-weight: 500;
        }
    }
    .invoBar{
        width: 100%;
        height: 2.666rem;
        border-bottom: 0.266rem solid #F6F6F6;
        background: #FFFFFF;
        .list{
            width: 3.306rem;
            height: 2.666rem;
            float: left;
            text-align: center;
            text-decoration: none;
            .listIcon{
                width: 1.093rem;
                height: 1.093rem;
                margin: 0.426rem 0 0.16rem;
            }
            .listName{
                display: block;
                font-size: 0.32rem;
                color: #000000;
            }
        }
    }
    .invoCon{
        background: #FFFFFF;
        .invoTitle{
            height: 1.066rem;
            line-height: 1.066rem;
            font-size: 0.373rem;
            color: #000000;
            padding-left: 0.4rem;
            box-sizing: border-box;
            border-bottom: 1px solid #F6F6F8;
        }
        .invoList{
            .list{
                width: 100%;
                display: block;
                overflow: hidden;
                padding: 0.4rem;
                box-sizing: border-box;
                position: relative;
                border-bottom: 1px solid #F6F6F8;
              .listImg{
                    width: 1.6rem;
                    height: 1.6rem;
                    float: left;
                    margin-right: 0.266rem;
                }
                .listContent{
                    overflow: hidden;
                    color: #000000;
                    font-size: 0.373rem;
                    padding-right: 1.066rem;
                    box-sizing: border-box;
                    .listName{
                        
                    }
                    .listPrice{
                        display: block;
                    }
                    .listTime{
                        color: #9B9B9B;
                        font-size: 0.32rem;
                    }
                }
                .state{
                    position: absolute;
                    top: 0.986rem;
                    right: 0.4rem;
                    font-size: 0.32rem;
                    color: #FC2449;
                }  
            }
            
        }
    }
    //暂无
    .invoNone{
        width: 100%;
        overflow: hidden;
        display: none;
        img{
           width: 3.546rem;
           height: 2.826rem;
           margin: 3.733rem auto 0.24rem;
           display: block;
        }
        span{
            display: block;
            text-align: center;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
    }
}
//发票管理
#invoadm{
    width: 100%;
    min-height: 100%;
    background-color: #F6F6F6;
    .admBar{
        width: 100%;
//      overflow: hidden;
        display: flex;
        justify-content: center;
        word-wrap: break-word;
        flex-wrap: nowrap;
        border-bottom: 1px solid #F6F6F6;
        z-index: 30;
        position: relative;
        .barList{
            width: 50%;
            text-align: center;
            background: #FFFFFF;
            .listBar{
                font-size: 0.373rem;
                color: #000000;
                line-height: 1.173rem;
                position: relative;
                &:after{
                    content: '';
                    position: absolute;
                    top: 0.426rem;
                    margin-left: 0.186rem;
                    width: 0.346rem;
                    height: 0.346rem;
                    background: url(../images/btn_xiala_click@2x.png)no-repeat center /100%;
                }
            }
            .barOn{
                &:after{
                    background: url(../images/btn_xiala_click@2x.png)no-repeat center /100%;
                    transform: rotate(180deg);
                }
            }
            .listCon{
                width: 100%;
                height: 0;
                overflow: hidden;
                position: absolute;
                background: #FFF;
                text-align: left;
                z-index: 30;
                li{
                    padding: 0.32rem 0.4rem;
                    box-sizing: border-box;
                    font-size: 0.373rem;
                    color: #000000;
                    position: relative;
                    border-bottom: 1px solid #F6F6F6;
                }
                .on{
                   &:after{
                       content: '';
                       position: absolute;
                       width: 0.426rem;
                       height: 0.426rem;
                       background: url(../images/icon_xuanzhong@2x.png)no-repeat center/100%;
                       top: 0.426rem;
                       right: 0.4rem;
                   } 
                }
            }
            #orderTime{
                width: 4.986rem;
                height: 1.173rem;
                position: absolute;
                right: 0;top: 0;
                opacity: 0;
                border: none;
            }
            &:first-of-type{
                border-right: 1px solid #F6F6F6;
            }
        }
    }
    .admCon{
        overflow: hidden;
        .admList{
            padding: 0.4rem;
            box-sizing: border-box;
            overflow: hidden;
            background: #FFFFFF;
            border-bottom: 1px solid #F6F6F6;
            .check{
                width: 0.506rem;
                height: 0.506rem;
                margin: 0.56rem 0.293rem 0 0;
                float: left;
            }
            .listImg{
                width: 1.6rem;
                height: 1.6rem;
                float: left;
                margin-right: 0.266rem;
            }
            .listContent{
                float: left;
                color: #000000;
                font-size: 0.373rem;
                padding-right: 1.066rem;
                box-sizing: border-box;
                .listName{
                    
                }
                .listPrice{
                    display: block;
                }
                .listTime{
                    color: #9B9B9B;
                    font-size: 0.32rem;
                }
            }
            .state{
                float: right;
                font-size: 0.32rem;
                color: #000000;
                margin-top: 0.56rem;
            }
        }
    }
    //暂无
    .invoNone{
        width: 100%;
        overflow: hidden;
        display: none;
        img{
           width: 4.053rem;
           height: 3.306rem;
           margin: 3.733rem auto 0.24rem;
           display: block;
        }
        span{
            display: block;
            text-align: center;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
    }
    .admftr{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 2.933rem;
        padding: 0.56rem 0.4rem 0.4rem;
        box-sizing: border-box;
        background-color: #FFFFFF;
        .checkAll{
            font-size: 0.373rem;
            color: #000000;
            float: left;
            overflow: hidden;
            .qx{
                width: 0.506rem;
                height: 0.506rem;
                float: left;
                margin-right: 0.266rem;
            }
            span{
                overflow: hidden;
            }
        }
        .total{
            float: right;
            font-size: 0.266rem;
            color: #000000;
        }
        .prices{
            width: 100%;
            overflow: hidden;
            margin-top: 0.48rem;
            .priceTop{
                .name{
                    font-size: 0.32rem;
                    color: #000000;
                    margin-right: 0.186rem;
                }
                .totalAmount{
                    font-size: 0.373rem;
                    color: #FC2449;
                    .amount{
                        
                    }
                }
            }
            .priceBtm{
                font-size: 0.266rem;
                color: #9B9B9B;
                .choice{
                    border-right: 1px solid #E1E1E1;
                    padding-right: 0.106rem;
                    .price{
                        
                    }
                }
                .owe{
                    .price{
                        
                    }
                }
            }
        }
        .startbtn{
            width: 2.746rem;
            height: 1.066rem;
            line-height: 1.066rem;
            text-align: center;
            position: absolute;
            top: 1.44rem;
            right: 0.4rem;
            background: #D8D8D8;
            color: #9B9B9B;
            border-radius: 8px;
            font-size: 0.373rem;
            text-decoration: none;
            cursor: not-allowed; 
        }
        .OnBtn{
            background: #000000;
            color: #FFFFFF;
            cursor: pointer; 
        }
    }
}

//发票抬头
#invoiceTitle{
    width: 100%;
    min-height: 100%;
    background-color: #F6F6F6;
    .invoCon{
        background: #FFFFFF;
        overflow: hidden;
        .inlist{
            padding: 0.293rem 0.4rem;
            box-sizing: border-box;
            position: relative;
            .listName{
                font-size: 0.373rem;
                color: #000000;
            }
            .invoClass{
                font-size: 0.32rem;
                color: #9B9B9B;
            }
            &:after{
                content: '';
                width: 0.693rem;
                height: 0.693rem;
                position: absolute;
                top: 0.453rem;
                right: 0.32rem;
                background: url(../images/icon_normal@2x.png)no-repeat center /100%;
            }
        }
    }
    .editCon{
        position: fixed;
        width: 100%;
        bottom: 0;
        height: 0;
        z-index: 30;
        .edit{
            line-height: 1.28rem;
            text-align: center;
            display: block;
            font-size: 0.373rem;
            color: #000000;
            margin-bottom: 0.266rem;
            background-color: #FFFFFF;
        }
        .cancel{
            line-height: 1.306rem;
            background-color: #FFFFFF;
            text-align: center;
            color: #9B9B9B;
            display: block;
            font-size: 0.373rem;
            border-bottom: 1px solid #F6F6F6;
        }
    }
}

//发票抬头编辑
#invoiceEdit{
    width: 100%;
    min-height: 100%;
    background: #F6F6F8;
    .editCon{
        width: 100%;
        .editTitle{
            line-height: 1.173rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            background: #FFFFFF;
            overflow: hidden;
            font-size: 0.32rem;
            font-weight: 400;
            color: #000000;
            margin-bottom: 0.266rem;
            .title{
                float: left;
            }
            .name{
                float: right;
            }
        }
        .editlist{
            line-height: 1.173rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            background: #FFFFFF;
            overflow: hidden;
            font-size: 0.32rem;
            font-weight: 400;
            color: #000000;
            .listTitle{
                float: left;
            }
            .listTab{
                float: right;
                span{
                    width: 2.666rem;
                    height: 0.64rem;
                    line-height: 0.64rem;
                    text-align: center;
                    border: 1px solid #9B9B9B;
                    color: #9B9B9B;
                    &:first-of-type{
                        margin-right: 0.2rem;
                    }
                }
                .tabOn{
                    background: url(../images/btn_choice2@2x.png)no-repeat center/100%;
                    color: #000000;
                }
            }
        }
        .editChange{
            width: 100%;
            .changeList{
                width: 100%;
                overflow: hidden;
                .list{
                    line-height: 1.173rem;
                    padding: 0 0.4rem;
                    box-sizing: border-box;
                    background: #FFFFFF;
                    overflow: hidden;
                    font-size: 0.32rem;
                    font-weight: 400;
                    color: #000000;
                    border-top: 1px solid #F6F6F8;
                    .listTitle{
                        float: left;
                    }
                    .listName{
                        float: right;
                    }
                    input{
                        float:right;
                        width: 5.333rem;
                        line-height: 1.173rem;
                        font-size: 0.32rem;
                        font-weight: 400;
                        border: none;
                        &::-webkit-input-placeholder{
                            text-align: right;
                            color: #E1E1E1;
                        }
                    }
                }
            }
            .enterprise{
                .list{
                    .listName{
                        position: relative;
                        padding-right: 0.266rem;
                        &:after{
                            content: '';
                            position: absolute;
                            width: 0.186rem;
                            height: 0.32rem;
                            background: url(../images/icon_arrowright@1x.png) no-repeat center /100%;
                            top: 0.4rem;
                            right: 0;
                        }
                    }
                }
            }
        }
        .submitBtn{
            width: 7.653rem;
            height: 1.066rem;
            line-height: 1.066rem;
            text-align: center;
            background: #000000;
            border-radius: 100px;
            color: #FFFFFF;
            font-size: 0.373rem;
            position: absolute;
            left: 1.173rem;
            bottom: 2.773rem;
        }
    }
}
//编辑弹窗
.enterCon{
   position: fixed;
   width: 100%;
   left: 0; 
   bottom: 0;
   height: 0;
   font-size: 0.32rem;
   font-weight: 400;
   color: #000000;
   overflow: hidden;
   z-index: 30;
   background: #F6F6F8;
   .conlist{
       line-height: 1.28rem;
       text-align: center;
       background: #FFFFFF;
       border-bottom: 1px solid #F6F6F8;
   }
   .cancel{
       margin-top: 0.266rem;
       background: #FFFFFF;
       line-height: 1.28rem;
       text-align: center;
       display: block;
   }
}
//收寄地址
#address{
    width: 100%;
    min-height: 100%;
    background: #F6F6F8;
    .addHeader{
        height: 1.173rem;
        line-height: 1.173rem;
        background: #000000;
        text-align: center;
        color: #FFFFFF;
        overflow: hidden;
        padding: 0 0.4rem;
        .back {
            width: 0.666rem;
            height: 0.666rem;
            background: url(../images/back.png)no-repeat center left /100%;
            float: left;
            margin-top: 0.266rem;
        }
        .title {
            font-size: 0.453rem;
        }
        .addBtn {
            float: right;
            font-size: 0.373rem;
        }
    }
    .addressCon{
        width: 100%;
        .addList{
            width: 100%;
            background: #FFFFFF;
            border-bottom: 1px solid #F6F6F6;
            padding: 0.213rem 0.4rem;
            box-sizing: border-box;
            position: relative;
            .list{
                overflow: hidden;
                span{
                    font-size: 0.32rem;
                    color: #9B9B9B;
                    margin-right: 0.266rem;
                    i{
                       margin-left: 0.266rem; 
                    }
                }
                .listName{
                    font-size: 0.373rem;
                    color: #000000;
                }
            }
            &:after{
                content: '';
                width: 0.693rem;
                height: 0.693rem;
                position: absolute;
                top: 0.586rem;
                right: 0.32rem;
                background: url(../images/icon_normal@2x.png)no-repeat center /100%;
            }
        }
    }
    //暂无
    .addressNone{
        width: 100%;
        overflow: hidden;
        display: none;
        .noneImg{
           width: 3.546rem;
           height: 2.826rem;
           margin: 3.733rem auto 0.24rem;
           display: block;
        }
        span{
            display: block;
            text-align: center;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
        .addAd{
            width: 2.666rem;
            height: 0.746rem;
            line-height: 0.746rem;
            box-sizing: border-box;
            padding-left:0.24rem;
            display: block;
            font-size: 0.373rem;
            color: #000000;
            border: 1px solid #000000;
            text-align: center;
            overflow: hidden;
            border-radius: 8px;
            margin: 0.6rem auto 0;
            img{
                width: 0.373rem;
                height: 0.373rem;
                float: left;
                margin-top: 0.186rem;
            }
            span{
                vertical-align: middle;
            }
        }
    }
}
//新增地址
#newAdd{
    width: 100%;
    min-height: 100%;
    background: #F6F6F8;
    .addHeader{
        height: 1.173rem;
        line-height: 1.173rem;
        background: #000000;
        text-align: center;
        color: #FFFFFF;
        overflow: hidden;
        padding: 0 0.4rem;
        .back {
            width: 0.666rem;
            height: 0.666rem;
            background: url(../images/back.png)no-repeat center left /100%;
            float: left;
            margin-top: 0.266rem;
        }
        .title {
            font-size: 0.453rem;
        }
        .addBtn {
            float: right;
            font-size: 0.373rem;
        }
    }
    .newList{
        width: 100%;
        .list{
            overflow: hidden;
            background: #FFFFFF;
            border-bottom: 1px solid #F6F6F6;
            box-sizing: border-box;
            position: relative;
            font-size: 0.32rem;
            color: #000000;
            padding: 0 0.4rem;
            .listTitle{
                float: left;
                line-height: 1.173rem;
            }
            input{
                border: none;
                line-height: 1.173rem;
                text-align: right;
                &::-webkit-input-placeholder{
                    color: #9B9B9B;
                    text-align: right;
                }
            }
            .name{
                float: right;
            }
            #region{
                float: right;
                margin-right: 0.35rem;
                width: 5.333rem;
            }
            .listStreet{
                overflow: hidden;
                display: block;
                width: 100%;
                height: 1.493rem;
                border: none;
                &::-webkit-input-placeholder{
                    color: #9B9B9B;
                }
            }
            .ZipCode{
                float: right;
            }
            .mobile{
                float: right;
            }
            .check{
                float: right;
                width: 1.28rem;
                height: 0.64rem;
                background: #D8D8D8;
                border-radius: 100px;
                margin-top: 0.266rem;
                position: relative;
                .circle{
                    width: 0.64rem;
                    height: 0.64rem;
                    background: #FFFFFF;
                    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.50);
                    border-radius: 100px;
                    position: absolute;
                    left: 0;
                }
            }
            .checkOn{
                  background: #000000;  
                  .circle{
                    left: 0.68rem;
                }
            }
        }
        .region{
            &:after{
                content: '';
                width: 0.186rem;
                height: 0.32rem;
                position: absolute;
                top: 0.4rem;
                right: 0.4rem;
                background: url(../images/icon_arrowright@1x.png)no-repeat center /100%;
            }
        }
        .tips{
            line-height: 0.8rem;
            padding: 0 0.4rem;
            box-sizing: border-box;
            font-size: 0.32rem;
            color: #9B9B9B;
        }
    }
}
#footer {
    position: fixed;
    width: 100%;
    height: 1.333rem;
    line-height: 1.333rem;
    bottom: 0;
    .carList {
        width: 1.333rem;
        height: 1.33rem;
        position: absolute;
        top: -0.5rem;
        left: 50%;
        margin-left: -0.866rem;
        z-index: 5;
        .carNum {
            position: absolute;
            top: -0.2rem;
            right: -0.44rem;
            font-size: 0.373rem;
            width: 0.64rem;
            height: 0.64rem;
            line-height: 0.64rem;
            border-radius: 50%;
            color: #FFFFFF;
            text-align: center;
            background: #DF2602;
        }
    }
    .ftrList {
        width: 100%;
        height: 1.333rem;
        background: url(../images/bottom_bg@1x.png)no-repeat bottom center /100% 100%;
        position: absolute;
        //          background-position-y: 0.1rem;
        a {
            width: 50%;
            float: left;
            text-align: center;
            line-height: 0.466rem;
            font-size: 0.266rem;
            color: #4A4A4A;
            padding-top: 0.266rem;
            img {
                width: 0.533rem;
                height: 0.586rem;
                display: block;
                margin: 0 auto;
            }
        }
    }
}